<!DOCTYPE html>
<html>
	<head>
		<title>Neumorphism Social Share Button</title>
		<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
		<link rel="stylesheet" href="./share.css" />
	</head>

	<body>
		<h1>Neumorphic Social Share Buttons</h1>
		<div class="frame">
			<a href="#" class="btn">
				<i class="fab fa-facebook-f" style="color: #3b5998;"></i>
			</a>
			<a href="#" class="btn">
				<i class="fab fa-twitter" style="color: #00acee;"></i>
			</a>
			<a href="#" class="btn">
				<i class="fab fa-dribbble" style="color: #ea4c89;"></i>
			</a>
			<a href="#" class="btn">
				<i class="fab fa-linkedin-in" style="color:#0e76a8;"></i>
			</a>
			<a href="#" class="btn">
				<i class="fab fa-get-pocket" style="color:#ee4056;"></i>
			</a>
			<a href="#" class="btn">
				<i class="far fa-envelope"></i>
			</a>
		</div>
	</body>
</html>